jQuery(function($){	
	var mySwiper = new Swiper ('.banner', {
	    loop: true,
	    autoplay: 1000,
	    pagination : '.swiper-pagination',
	    autoplayDisableOnInteraction : false,
	}) 

	var mySwiper1 = new Swiper ('.navbar', {
		freeMode : true,
	    freeModeMomentum : false,
	    slidesPerView : 3.5,
	})

	var mySwiper2 = new Swiper ('._right', {
		direction : 'vertical',
		loop: true,
	    autoplay: 1500,
	    onlyExternal : true,
	})

	$(".center").click(function(){
		location.href = 'html/search.html'
	})

	var mySwiper3 = new Swiper ('#swiper-container2', {
		watchSlidesProgress : true,
		watchSlidesVisibility : true,
	    slidesPerView : 4,
	    onTap: function(){
			mySwiper4.slideTo( mySwiper3.clickedIndex)
		}
	}) 

	var mySwiper4 = new Swiper('#swiper-container3',{
		onSlideChangeStart: function(){
			updateNavPosition()
		}
	})

	function updateNavPosition(){
		$('#swiper-container2 .active-nav').removeClass('active-nav')
		$('#swiper-container2 .swiper-slide').eq(mySwiper4.activeIndex).addClass('active-nav');
	}     
})
